<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">   
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">   
<script type="text/javascript" src="easyui/jquery.min.js"></script>   
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> 
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> 
</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 $(选择器).控件名("方法名", {参数名：参数值，参数名：参数值 });
 -->
 <script type="text/javascript">
 
 function add(){
	 alert("add");	
	 var node = $('#tt').tree('getSelected');
	 if (node){
	 	$('#tt').tree('insert', {
	 		after: node.target,
	 		data: {
	 			id: 21,
	 			text: 'node text'
	 		}
	 	});
	 }

 }
 
 function addChild(){
	 alert("addChild");	
	/*  var node = $('#tt').tree('getSelected');
	 if (node){
	 	$('#tt').tree('insert', {
	 		after: node.target,
	 		data: {
	 			id: 21,
	 			text: 'node text'
	 		}
	 	});
	 } */

 }
 function remove(){
	 alert("remove");	 
 }
   $(function (){
	   $('#tt').tree({    
		    url:'tree_data1.json',
		    checkbox:true,
		    lines:true,
		    //dnd:true,
		    onContextMenu: function(e, node){
				e.preventDefault();
				// 查找节点
				$('#tt').tree('select', node.target);
				// 显示快捷菜单
				$('#mm').menu('show', {
					left: e.pageX,
					top: e.pageY
				});
			}

		}); 	 
  }); 
 </script>
<body>
<table><tr><td>
	<ul id="tt"></ul>

<!-- 右键菜单定义如下： -->
<div id="mm" class="easyui-menu" style="width:120px;">
	<div onclick="add()" data-options="iconCls:'icon-add'">添加同级</div>
	<div onclick="addChild()" data-options="iconCls:'icon-add'">添加下级</div>
	<div onclick="remove()" data-options="iconCls:'icon-remove'">删除</div>
</div>

	
</td>
<td>
	<form action="">
			部门编号：<input  type="text" name=""><br>
			部门名称：<input  type="text" name=""><br>
			部门地址：<input  type="text" name=""><br>
			负责人：<input  type="text" name=""><br>
			联系电话：<input  type="text" name=""><br>
			。。。
			<input  type="button" value="确定">
	</form>


</td></tr>
</table>
 
</body>
</html>